<template>
  <div class="update-dictionary">
    <div class="object-item">
      <div class="item-name">名称：</div>
      <div class="item-value">
        <Input
          v-model="
            //eslint-disable-next-line
        dictionary.name" size="large" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "UpdateDictionary",
  props: {
    dictionary: {
      type: Object,
      require: true,
    },
  },
};
</script>

<style scoped lang="less">
.update-dictionary {
  .object-item {
    display: flex;
    flex-direction: row;
    height: 3rem;
    align-items: center;

    .item-name {
      font-size: 1rem;
      width: 5rem;
      text-align: left;
    }

    .item-value {
      width: 16rem;
      text-align: left;
    }
  }
}
</style>
